<!--
 * @Author: chenhuanhuan 2925102113@qq.com
 * @Date: 2024-08-23 09:52:20
 * @LastEditors: chenhuanhuan 2925102113@qq.com
 * @LastEditTime: 2024-11-11 10:11:07
 * @FilePath: \orderApp\components\cu-radarChart\cu-radarChart.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <view class="charts-box">
      <qiun-data-charts type="radar"   canvasId="finance_b" :canvas2d="true" :opts="radarOpts" :chartData="radarData"/>
    </view>
</template>

<script lang="ts" setup>

const props = defineProps({
  canvasId:String,
  radarData:{
    type:Object,
    default:{
      "categories": [],
					"series": [{
						"name": "",
						"data": [],
					}]
    }
  },
  radarOpts:{
    type:Object,
    default:{
      legend:{position: 'bottom'},
      extra:{radar:
        {border:true

        }}
    }
  }
})
</script>

<style lang="scss" scoped>
//
.charts-box {
  width: 100%;
  height: 100%;  
}

</style>
